#bul {
/*pointer-events: none ;*/


 text-decoration: none;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
 
background-color: navy; /* Green */
 
 display: inline-block;
  border-radius: 4px;
 
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size:20px;
  padding: 20px;
  width: 250px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;}

#bul:hover {
   background-color: #f4511e;
  color: white;
}


#button3 {
text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
background-color:grey ;

 display: inline-block;
  border-radius: 4px;
 
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  padding: 20px;
  width: 150px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;}

#button3:hover {
   background-color: #f4511e;
  color: white;
}

#button3 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}






#physique {
/*pointer-events: none ;*/


 text-decoration: none;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
 
background-color: #4CAF50; /* Green */
 
 display: inline-block;
  border-radius: 4px;
 
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size:20px;
  padding: 20px;
  width: 70px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;}

#physique:hover {
   background-color: #f4511e;
  color: white;
}



input[type=text] {
  background-color: white;
 
  padding-left: 40px;
  color: blue;
 font-family:Arial,Helvetica,sans-serif;
 font-size: 0.8em; 
font-weight: bold;
}

#right {
text-align: center;
margin:auto;



}
#label {
text-align:center ;
 
 font-family:Arial,Helvetica,sans-serif;
 font-size: 1.3em; 
font-weight: bold;
color: black;
}

#addfile {
text-align:center ;
 
 font-family:Arial,Helvetica,sans-serif;
 font-size: 1.3em; 
font-weight: bold;
color: black;
}

h4 {
text-align:center ;
 
 font-family:Arial,Helvetica,sans-serif;
 font-size: 1em; 
font-weight: bold;
color: black;
}


form {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
margin: 5px;
}

#button1 {
text-decoration: none;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
 
background-color:#4CAF50 ; /*   #4CAF50Green */
 display: inline-block;
  border-radius: 4px;
 
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size:20px;
  padding: 20px;
  width: 70px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;}

#button1:hover {
   background-color: #f4511e;
  color: white;
}


#button1 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

#button1 span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.#button1:hover span {
  padding-right: 25px;
}

#button1:hover span:after {
  opacity: 1;
  right: 0;
}

#button2 {
text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
background-color: #4CAF50; /* Green */

 display: inline-block;
  border-radius: 4px;
 
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  padding: 20px;
  width: 150px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;}

#button2:hover {
   background-color: #f4511e;
  color: white;
}

#button2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}



#button3 {
text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
background-color: #4CAF50; /* Green */

 display: inline-block;
  border-radius: 4px;
 
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  padding: 20px;
  width: 150px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;}

#button2:hover {
   background-color: #f4511e;
  color: white;
}

#button2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}







#buttonfb {
 
 text-decoration: none;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
 
/*background-color: #4CAF50; /* Green */
 background-color: blue; /* Green */
 display: inline-block;
  border-radius: 4px;
 
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size:20px;
  padding: 20px;
  /*width: 70px;*/
  transition: all 0.5s;
  cursor: pointer;
  margin: 2px;}
  
  #buttonfb:hover {
   background-color: yellow;
  color: black;
}

  
  #buttonproch {
  text-decoration: none;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
 
background-color: gray; /* Green */

 display: inline-block;
  border-radius: 4px;
 
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  padding: 2px;
  width: 250px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;}